@import './reset';
@import './setting';
@import './flex';
@import './bottomTab';

@function getvw($w) {
    @return calc($w / 375) * 100+vw;
}

body {
    background: #e9ecf0ff;
}

.container {
    width: getvw(375);
    @extend %columnCenter;
    margin-bottom: getvw(51);

    header {
        width: 100%;
        margin-bottom: getvw(5);

        // 导航栏
        nav {
            width: 100%;
            height: getvw(45);
            @extend %betweenCenter;
            background-color: #ffffff;
            padding: 0 getvw(15) 0 getvw(10);
            box-sizing: border-box;
            font-size: getvw(16);
            color: #555555ff;
            font-size: getvw(16);
            font-weight: 400;

            i {
                font-size: getvw(17);
                color: #555555ff;
            }
        }
    }

    main {
        width: 100%;
        @extend %columnCenter;
        font-size: 14px;
        font-weight: 400;

        // 内容--列表
        .content {
            @extend %evenlyCenter;
            flex-wrap: wrap;

            li {
                width: getvw(165);
                margin-bottom: getvw(15);
                background-color: #ffffff;

                a {
                    display: block;

                    img {
                        width: 100%;
                        margin-bottom: getvw(4);
                    }

                    h4 {
                        font-size: getvw(14);
                        font-weight: 400;
                        color: #666666;
                        margin-left: getvw(5);
                    }

                    .fontBox {
                        width: 100%;
                        @extend %betweenCenter;
                        padding: getvw(2) getvw(10);
                        box-sizing: border-box;

                        p {
                            font-size: getvw(14);
                            color: #ff4433;
                            font-weight: 600;
                        }

                        span {
                            font-size: getvw(12);
                            font-weight: 400;
                            color: #999999;
                        }
                    }
                }
            }

        }
    }
}